<template>
    <div>
        <el-row>
            <el-col :span="24"
                class="content_title clearfix">
                <el-col :span="12">
                    <HeadTitle></HeadTitle>
                </el-col>
            </el-col>
        </el-row>

        <div class="content_edit">
            <div class="black">
                <h5>基本信息</h5>
                <div class="add_con_form info">
                    <ul style="width:1300px">
                        <li><span>会员账号：</span> {{info.username}}</li>
                        <li><span>法人姓名：</span> {{info.name}}</li>
                        <li><span>身份证号：</span> {{info.card}}</li>

                        <li><span>公司名称：</span> {{info.title}}</li>
                        <li><span>公司地址：</span> {{info.add}}</li>

                        <li><span>审核状态：</span> {{info.is_check==0?'正在审核':info.is_check==1?'审核通过':'驳回'}}</li>

                        <li><span>申请级别：</span>
                            {{info.types==3?'省代':info.types==2?'市代':info.types==1?'区代':"乡镇"}}</li>
                        <li><span>申请区域：</span>
                            {{$fnc.deleteNumber(info.province+info.city+info.area+info.town)}}</li>

                        <li><span>申请时间：</span> {{info.created_time | getTimeFormat}}</li>
                        <li><span>备注：</span> {{info.remark }}</li>

                    </ul>

                </div>
            </div>

            <div class="black">
                <h5>资质信息</h5>
                <div class="add_con_form info">
                    <ul style="width:1300px">
                        <li><span>身份证正面</span>
                            <p>
                                <img style="width: 200px; height: 100px"
                                    :src="info.cardpositive"
                                    @click="getImg(info.cardpositive)"
                                    fit="fit">
                            </p>
                        </li>
                        <li><span>身份证反面</span>

                            <p>
                                <img style="width: 200px; height: 100px"
                                    :src="info.cardnegative"
                                    @click="getImg(info.cardnegative)"
                                    fit="fit">
                            </p>
                        </li>
                        <li><span>企业营业执照</span>
                            <p>
                                <img style="width: 200px; height: 100px"
                                    :src="info.license"
                                    @click="getImg(info.license)"
                                    fit="fit">
                            </p>
                        </li>

                    </ul>
                    <div class="blank"></div>
                </div>
            </div>

        </div>
        <el-dialog title="图片信息"
            :visible.sync="dio">
            <img :src="$fnc.getImgUrl(piclink)"
                alt="">
        </el-dialog>
    </div>
</template>


<script>
// /info.province+info.city+info.area+
import HeadTitle from "@/components/currency/HeadTitle.vue";
export default {
    components: {
        HeadTitle
    },
    data () {
        return {
            info: {},
            piclink: "",
            dio: false
        };
    },
    mounted () {
        this.getSupplierDetails();
    },
    methods: {
        getImg (src) {
            this.piclink = src;
            this.dio = true;
        },
        getSupplierDetails () {
            var id = this.$route.query.id || "";
            this.$api.getAgent.editAgentInfo({ id }).then(res => {
                if (res.data.code == 200) {
                    this.info = res.data.result;
                }
            });
        }
    }
};
</script>



<style lang="less" scoped>
ul {
    overflow: hidden;
}
li p {
    margin-top: 10px;
}
.black {
    padding-bottom: 10px;
}
</style>
